<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>favebook - 个人中心</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/mineindex.css" rel="stylesheet">
    <style>
        .minephoto{
            padding-top: 15px;
            padding-bottom: -5px;
            text-align: center;
            border-bottom: 1px solid #bebebe;
            background-position: 50%;
            background-size: cover;
            transition: background-image .2s ease,background-size 1s ease;
        }
        .minephoto img{
            width: 20%;
        }
        .user-info p{
            display: inline;
        }
    </style>
  </head>

  <body>

    <nav class="navbar navbar-inverse nav-style navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">favebook</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="/favebook/mineindex.jsp">动态</a></li>
            <li><a href="./404.jsp">消息</a></li>
            <li class="active"><a href="#">个人中心</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="/favebook/zone/logout.do">登出</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="container mainpod">
        
        <div class="row">
            <div class="panel panel-style user-panel col-sm-offset-2 col-sm-8">
                <div class="minephoto" style="background-image: url(./image/mineinfobg.webp)">
                    <img src="./image/headphoto.png" class="img-circle" alt="headphoto">
                </div>
                <div class="user-info">
                    <h3><span id="userName"><%=session.getAttribute("currentUserName")%></span></h3>
                    <p>邮箱：<span id="userEmail"><%=session.getAttribute("currentUserEmail")%></span> </p> <p> 微博数：<span id="weiboCount"><%=session.getAttribute("weiboPerCount")%></span></p>
                </div>
            </div>
        </div>

        <div class="row moments  col-sm-offset-2 col-sm-8"  id="list-weibo">
            
        </div>

    </div>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/listmineweibo.js"></script>
  </body>
</html>
</head>
<body>

</body>
</html>